/*
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*H�r tar reset css slut Eric Meyer*/
/*----------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Balthazar);
/*@import url(http://fonts.googleapis.com/css?family=Butcherman);*/




body
	    {
	     background-image: url(bilder/bg_25.jpg);
		 background-repeat: no-repeat;
		 background-color: #010101;
		 background-position: center top;
		 background-attachment: fixed;
	     font-family: helvetica, Sans-Serif;
		 /*background-repeat:repeat-y;*/
	     }



#container
	       {
	        width: 950px;
			margin:25px auto;
			background-color: #F5F5F5;
			box-shadow:-5px 5px 50px 2px #F6A0E9;
	 		border-radius: 5px;
	       }



#header
	       {
		    background-image: url(bilder/bg_head2.png);
			background-repeat: no-repeat;
			background-position: bottom left;
	        width: 800px;
	        height: 225px;
		    font-family: 'Balthazar', serif;
	        margin: 0px auto;
	        background-color: #F5F5F5;
			box-shadow: 0px 10px 5px #888, 0px -10px 5px #888;
	        }


 /*******Inloggning formulär********************/
#logginform
            {
			width: 300px;
			height: 220px;
         	font-family: 'Balthazar', serif;
            margin-left: 470px;
            margin-top: 20px;

            }


#logginform p
	            {
	            text-align: right;
				font-size: 18px;
	        	font-family: 'Balthazar', serif;
	            padding-right: 6px;
	            padding-bottom: 5px;
	            }


#logginform form
		            {
					color: #000000;
		            font-family: 'Balthazar', serif;
		            font-size:20px;
		            text-align: center;
		   			/*border: 1px solid black;*/
		            }


#logginform legend
					{
					padding-bottom: 15px;
					padding-top: 5px;
					font-size:18px;
					text-align:left;
					/*border: 1px solid black;*/
					}

#logginform label
                     {
                       width: 132px;
                       text-align:right;
                       display: block;
                       float: left;
                       padding-right: 0px;
                       clear:left;
                       font-size:18px;
                      /* border: 1px solid black;*/
                      }


#logginform input
                      {
                       width: 150px;
                       margin-bottom:5px;
					   border-radius:5px;
					   border:2px solid #959595;
					   padding-left: 2px;
                      }


#logginform input.login
				 			{
				 			width: 100px;
							height: 32px;
							margin-top: 10px;
							margin-left: 125px;
							background-color: #FFFFFF;
				          	text-align: center;
				            border:2px solid #959595;
							border-radius:10px;
					 		color: #000000;
				            font-family: 'Balthazar', serif;
				            font-size:19px;
							box-shadow:5px 2px 10px 2px #F6A0E9;
							}




#logginform p a
					{
					 float:right;
					 color:#C55EB3;
		 			 width: 170px;
	           		 font-family: 'Balthazar', serif;
	            	 font-size:20px;
	            	 text-align: center;
	            	 font-weight:bold;
	            	}

/*..........Registerings formulär...............................*/


#registerform
	            {
				width: 500px;
				height:350px;
				padding-top: 70px;
				margin:0px auto;
	        	font-family: 'Balthazar', serif;
	            /*border: 1px solid red;*/
	           }


#registerform p
	            {

				text-align: center;
				font-size: 18px;
	        	font-family: 'Balthazar', serif;
	            /*border: 1px solid red;*/
	            padding-bottom: 10px;
	            }



#registerform legend
					    {
					 	padding-bottom: 25px;
					 	padding-top: 15px;
					 	font-size: 24px;
					 	margin-left: 172px;
					    }

#registerform label
                     {
                       width: 150px;
                       text-align:right;
                       display: block;
                       float: left;
                       padding-right: 10px;
                       clear:left;
                       font-size: 19px;
                       margin-left: 10px;
                  /*  border: 1px solid black;*/
                      }




#registerform input
                      {
                      width: 160px;
                      border-radius:5px;
                      border:2px solid #959595;
                      margin-bottom:10px;
                      padding-left:4px;
                      }



#registerform input.regi
				 			{
				 			width: 100px;
							height: 32px;
							margin-top: 10px;
							margin-left: 193px;
							background-color: #FFFFFF;
				          	text-align: center;
				            border:2px solid #959595;
							border-radius:10px;
					 		color: #000000;
				            font-family: 'Balthazar', serif;
				            font-size:19px;
							box-shadow:5px 2px 10px 2px #F6A0E9;
							}





/********************Registrera ny användare formulär sida tillbaka knappen*********************************************************/

#backbutton
				{
				width: 100px;
				height: 32px;
				margin-top: 20px;
				margin-left: 10px;
				background-color: #F5F5F5;
	            border:2px solid #959595;
				border-radius:10px;
				box-shadow:5px 2px 10px 2px #888;
				}

#backbutton  a
				{
				text-align: center;
				display: block;
				padding: 5px;
		 		color: #000000;
	            font-family: 'Balthazar', serif;
	            font-size:21px;
	            font-weight: bold;
				text-decoration: none;
				}


/***************OK kanppen*************************/


#okbutton
				{
				width: 100px;
				height: 32px;
				margin: 0px auto;
				/*margin-top: 20px;*/
				/*margin-left: 10px;*/
				background-color: #F5F5F5;
	            border:2px solid #959595;
				border-radius:10px;
				box-shadow:5px 2px 10px 2px #888;
				}

#okbutton  a
				{
				text-align: center;
				display: block;
				padding: 5px;
		 		color: #000000;
	            font-family: 'Balthazar', serif;
	            font-size:21px;
	            font-weight: bold;
				text-decoration: none;
				}

/****************************************/

h1
    {
     font-size:3em;
     text-align:center;
   	 font-family: 'Balthazar', serif;
     color: #000000;
     text-align:center;
     padding: 30px;

   }

/****************************************/



#content
	        {
	         /*border: 1px solid black;*/
	         width: 800px;
	         box-shadow: 0 0 5px 5px #888;
	         -moz-box-shadow: 0 0 5px 5px #888;
			 -webkit-box-shadow: 0 0 5px 5px#888;
			 border-radius: 5px;
	         background-color: #B9BEC4;
	         margin: 0px auto;
	        }



#content h2
			    {
				 font-size: 25px;
			     text-align: center;
			     width:600px;
			     font-family: helvetica, Sans-Serif;
			     margin: 0px auto;
				 padding-top: 35px;
				 padding-bottom: 25px;
			    }


#content li
	            {
	             text-decoration: none;
	             background-color:  #F5F1E9;
	             color: #000000;
	             font-family: helvetica, Sans-Serif;
	             text-align: center;
	             font-weight: bold;
	             display: block;
	             padding: 10px;
	             }



/*************logga ut knappen***************************/



#logout
			{
			width: 100px;
			height: 32px;
			margin-top: 20px;
			margin-left: 10px;
			background-color: #F3FD8C;
            border:2px solid #959595;
			border-radius:10px;
			box-shadow:5px 2px 10px 2px #888;
			}

#logout a
				{
	   			text-align: center;
	   			display: block;
				padding: 5px;
		 		color: #000000;
	            font-family: 'Balthazar', serif;
	            font-size:21px;
	            font-weight: bold;
				text-decoration: none;
				}


/************Edit blogg post***************************/




#editblog
            {
             width:600px;
             font-family: helvetica, Sans-Serif;
             font-size:16px;
             line-height:12px;
             text-align:center;
             margin:0px auto;
             margin-top: 15px;
             margin-bottom: 25px;
			 border:2px solid #898989;
			 padding:5px;
			 padding-bottom:15px;
			 border-radius:20px;
		 	 background-color: #FFFFFF;
            }


#editblog form
      			 {
            	  width:500px;
          		  border-radius:20px;
				  border:2px solid #898989;
		          margin: 0px auto;
		 	      background-color:#DEE0E2;
                 }


#editblog label
                     {
                       text-align:center;
                       display: block;
                       padding-top: 15px;
                       font-size: 18px;
                     }




#editblog input
                      {
                      	width: 300px;
                      	height: 30px;
                     	margin: 0px auto;
                        margin-top: 10px;
                        margin-bottom: 15px;
                        border-radius:10px;
                      	border:1px solid #898989;
                      	font-size:13px;
                      	padding: 4px;
                      }

#editblog textarea
                      {
                     	 width: 300px;
                         margin: 0px auto;
                     	 margin-top: 10px;
                     	 border-radius:10px;
                   		 border:1px solid #898989;
                   		 padding: 4px;
                   		 font-size:13px;
                      }



#editblog input.update
				 		   {
				 			width: 100px;
							height: 32px;
							margin-top: 10px;
							margin-left: 193px;
							background-color: #FFFFFF;
				          	text-align: center;
				            border:2px solid #959595;
							border-radius:10px;
					 		color: #000000;
				            font-family: 'Balthazar', serif;
				            font-size:19px;
							box-shadow:5px 2px 10px 2px #F6A0E9;
							}






/**************Add new blog post*knapp länk**********************************/


#addpostbutton
			{
			width: 190px;
			height: 45px;
			margin: 0px auto;
			background-color: #F5F5F5;
            border:2px solid #F6A0E9;
			border-radius:10px;
			box-shadow:5px 2px 10px 2px #888;
			}

#addpostbutton a
				{
	   			text-align: center;
	   			display: block;
				padding-top: 10px;
				padding-bottom:10px;
		 		color: #000000;
	            font-family: 'Balthazar', serif;
	            font-size:21px;
	            font-weight: bold;
				text-decoration: none;
				}




/************Add new blogpost************************************/

#addblogpost
            {
             width:600px;
             font-family: helvetica, Sans-Serif;
             font-size:15px;
             line-height:12px;
             text-align:center;
             margin:0px auto;
             margin-top: 15px;
             margin-bottom: 25px;
			 border:2px solid #898989;
			 padding:5px;
			 padding-bottom:15px;
			 border-radius:20px;
		 	 background-color: #F5F5F5;
            }


#addblogpost form
       				{
             		 width:500px;
           			 border-radius:20px;
					 border:2px solid #898989;
					 margin: 0px auto;
		 			 background-color:#DEE0E2;
        			}


#addblogpost p
			    {
				padding-top:8px;
				line-height:15px;
				}

#addblogpost label
                     {

                       text-align:center;
                       display: block;

                       padding-top: 15px;
                       font-size: 18px;



                      }




#addblogpost input
                      {
                      	 width: 300px;
                      	 height: 30px;
                     	 margin: 0px auto;
                     	 margin-top: 10px;
                      	 margin-bottom: 15px;
                     	 border-radius:10px;
                      	 border:1px solid #898989;
                      	 padding-left:4px;

                      }

#addblogpost textarea
                      {
	             		 width: 400px;
	             	 	 margin: 0px auto;
	             	 	 margin-top: 10px;
	             	     border-radius:10px;
	           			 border:1px solid #898989;
	            		 padding: 4px;

        		     }



#addblogpost input.regi
						{
				 			width: 100px;
							height: 32px;
							margin-top: 10px;
							margin-left: 290px;
							background-color: #FFFFFF;
				          	text-align: center;
				            border:2px solid #959595;
							border-radius:10px;
					 		color: #000000;
				            font-family: 'Balthazar', serif;
				            font-size:19px;
							box-shadow:5px 2px 10px 2px #F6A0E9;

							}



/*************New Blogpost Registerd*****/

#newblogpost

    	     {
             width:600px;
             font-family: helvetica, Sans-Serif;
             font-size:15px;
             text-align:center;
             margin:20px auto 10px auto;
			 border:2px solid #898989;
			 padding:8px;
			 padding-bottom:20px;
			 border-radius:20px;
		 	 background-color:  #F5F5F5;
       		 }


#newblogpost p

    	     {
             width:500px;
             font-family: helvetica, Sans-Serif;
             font-size:15px;
             text-align:left;

              margin: 0px auto;
       		 }


/***********Add comment *************************************/




#addcomment
            {
             width:600px;
             font-family: helvetica, Sans-Serif;
             font-size:15px;
             line-height:12px;
             text-align:center;
             margin:0px auto;
             margin-top: 15px;
             margin-bottom: 25px;
			 border:2px solid #898989;
			 padding:5px;
			 padding-bottom:15px;
			 border-radius:20px;
		 	 background-color:  #FFFFFF;
            }

#addcomment p
				{
					padding-top:8px;
					line-height:15px;
				}

#addcomment form
       				{
              		width:500px;
           			border-radius:20px;
					border:2px solid #898989;
					margin: 0px auto;
		 			background-color:#DEE0E2;
        			}


#addcomment label
                     {
                       text-align:center;
                       display: block;
                       padding-top: 15px;
                       font-size: 18px;
                      }


#addcomment textarea
                      {
                     	 width: 300px;
                     	  margin: 0px auto;
                     	 margin-top: 10px;
                     	  border-radius:10px;
                   		border:1px solid #898989;
                    padding: 7px;


                      }



#addcomment input.regi
						{
				 			width: 100px;
							height: 32px;
							margin:10px auto 10px auto;
							background-color: #F5F5F5;
				          	text-align: center;
				            border:2px solid #959595;
							border-radius:10px;
					 		color: #000000;
				            font-family: 'Balthazar', serif;
				            font-size:19px;
							box-shadow:5px 2px 10px 2px #F6A0E9;
							}






/********new comment regiterd**********/




#newcomment

    	     {
             width:600px;
             font-family: helvetica, Sans-Serif;
             font-size:15px;
             text-align:center;
             margin:20px auto 10px auto;
			 border:2px solid #898989;
			 padding:8px;
			 padding-bottom:20px;
			 border-radius:20px;
		 	 background-color:  #F5F5F5;
       		 }


#newcomment p

    	     {
             width:500px;
             font-family: helvetica, Sans-Serif;
             font-size:15px;
             text-align:left;

              margin: 0px auto;
       		 }




/*********************show comments * sidan som visar alla komentarer*****************************************/


#comment 	   {
	            width:600px;
	            font-family: helvetica, Sans-Serif;
	            font-size:15px;
	            line-height:16px;
	            text-align:left;
	            margin:15px auto;
				border:2px solid #898989;
				padding-left:10px;
				padding-right:10px;
				padding-bottom:15px;
				border-radius:20px;
			 	background-color:  #DEE0E2;
			 }


#comment p	   {
                padding-bottom:5px;
               }

 h3

{
	font-size:18px;
	padding: 10px;
	text-align:center;
}


/*********show comments * visar upp alla registrerade kommentarer*************/

.showcomment
		       {
	            width:500px;
	            font-family: helvetica, Sans-Serif;
	            font-size:15px;
	            line-height:16px;
	            text-align:left;
	            margin:0px auto;
	            margin-top: 15px;
	            margin-bottom: 25px;
				border:2px solid #898989;
				padding:5px;
				padding-bottom:15px;
				border-radius:20px;
			 	background-color:  #F5F5F5;
		        }

.commentlank
			{
			 height: 45px;
			 width: 300px;
			margin: 0px auto;
			padding-top: 10px;

			}



.commentlank a
				{
				padding: 10px;
				 margin: 0px auto;
				border: 2px solid #F6A0E9;
				border-radius: 8px;
	 			background-color: #B9BEC4;
	 			color: #FFFFFF;
	  			text-decoration: none;

	            font-family: helvetica, Sans-Serif;
	            text-align: center;
	            font-weight: bold;
				}






.commentuser
{
	font-size:12px;
}



/************Edit comment post* redigera kommentar som är gjord**************************/




#editcomment

            {
             width:600px;
             font-family: helvetica, Sans-Serif;
             font-size:16px;
             line-height:12px;
             text-align:center;
             margin:0px auto;
             margin-top: 15px;
             margin-bottom: 25px;
			 border:2px solid #898989;
			 padding:5px;
			 padding-bottom:15px;
			 border-radius:20px;
		 	 background-color: #FFFFFF;
            }


#editcomment form
      			 {
            	  width:500px;
          		  border-radius:20px;
				  border:2px solid #898989;
		          margin: 0px auto;
		 	      background-color:#DEE0E2;
                 }


#editcomment label
                     {
                       text-align:center;
                       display: block;
                       padding-top: 15px;
                       font-size: 18px;
                     }




#editcomment input
                      {
                      	width: 300px;
                      	height: 30px;
                     	margin: 0px auto;
                        margin-top: 10px;
                        margin-bottom: 15px;
                        border-radius:10px;
                      	border:1px solid #898989;
                      	font-size:13px;
                      	padding: 4px;
                      }

#editcomment textarea
                      {
                     	 width: 300px;
                         margin: 0px auto;
                     	 margin-top: 10px;
                     	 border-radius:10px;
                   		 border:1px solid #898989;
                   		 padding: 4px;
                   		 font-size:13px;
                      }



#editcomment input.update
				 		   {
				 			width: 100px;
							height: 32px;
							margin-top: 10px;
							margin-left: 193px;
							background-color: #FFFFFF;
				          	text-align: center;
				            border:2px solid #959595;
							border-radius:10px;
					 		color: #000000;
				            font-family: 'Balthazar', serif;
				            font-size:19px;
							box-shadow:5px 2px 10px 2px #F6A0E9;
							}



.blogginlagg
            {

             width:600px;
             font-family: helvetica, Sans-Serif;
             font-size:15px;

             text-align:center;
             margin:20px auto 10px auto;
			border:2px solid #898989;
			padding:8px;
			padding-bottom:20px;
			border-top-left-radius:20px;
			border-top-right-radius:20px;
		 	background-color:  #F5F5F5;
             }


.blogginlagg p
              {

               width:590px;
               padding-left:5px;
               padding-right: 5px;
               font-family: helvetica, Sans-Serif;
               font-size:17px;
           	   line-height:20px;
               text-align:left;
               margin:0px auto 25px auto;
               }





 .blogginlagg_rubrik
                    {
                     /*border:1px solid black;*/
                     width:590px;
                     font-family: helvetica, Sans-Serif;
                     font-size: 30px;
                     text-align:center;
                     margin: 20px auto 10px auto;
                       padding-bottom:25px;

                     }


.blogginlagg_creat
					{


                     font-family: helvetica, Sans-Serif;
                     font-style:italic;
                     font-size:13px;
                     text-align:left;
                     margin:0px auto;

                     }



.blogginlagg_datum
                    {
                     font-family: helvetica, Sans-Serif;
                     font-style:italic;
                     font-size:10px;
                     line-height:20px;
                     text-align:left;
                     margin:10px auto;

                     }



.blogglank
			{
			 height: 35px;
			 width: 600px;
			 margin: 0px auto;
			}



.blogglank a
				{
				padding: 10px;
				margin-left: 15px;
				border: 2px solid #F6A0E9;
				border-radius: 8px;
	 			background-color: #B9BEC4;
	 			color: #FFFFFF;
	  			text-decoration: none;
              	float: left;
	            font-family: helvetica, Sans-Serif;
	            text-align: center;
	            font-weight: bold;
				}




